<template>
  <div>
    <div class="nested-data">
      <TwoNestedData />
      <ThreeNestedData />
    </div>
    <div class="select-date">
      <SelectDate />
      <MessageBox />
    </div>
    <div>
      <DynamicForm />
    </div>
  </div>
</template>
<script>
import TwoNestedData from './NestedData/TwoNestedData.vue';
import ThreeNestedData from './NestedData/ThreeNestedData.vue';
import SelectDate from '@/components/Date/DateMoment.vue'
import MessageBox from '@/components/MessageBox/MessageBox.vue';
import DynamicForm from '@/views/echarts/DynamicForm/DynamicForm.vue';
export default {
  components: {
    TwoNestedData,
    ThreeNestedData,
    SelectDate,
    MessageBox,
    DynamicForm
  }
}
</script>
<style scoped>
.nested-data {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.select-date {
}
</style>










